<template>
    <div>
        <div class="box">
            <div class="text">付款方式</div>
            <div>
                <el-radio v-model="radio1" label="1" border>微信</el-radio>
                <el-radio v-model="radio1" label="2" border>支付宝</el-radio>
            </div>
            <div class="text2">
                <el-switch
                v-model="value1"
                active-color="#13ce66"
                active-text="开启同步功能与微服务">
                </el-switch>
            </div>
            <div class="text2">
                <el-switch
                v-model="value2"
                active-color="#13ce66"
                active-text="开启实时字幕">
                </el-switch>
            </div>
            <div class="text2">
                搜索引擎和查询方式<el-link type="primary" @click="jump">了解详情</el-link>
            </div>
            <div class="text2">网站支持大部分浏览器</div>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return{
            radio1:'1',
            value1:'',
            value2:''
        }
    },
    methods:{
        jump(){
            var {href} = this.$router.resolve('/search');
            window.open(href,"_blank");
        }
    }
};
</script>

<style scoped>
.box{
    border-radius: 4px;
    margin-top: 50px;
    padding: 30px;
    background-color: white;
}
.text{
    padding-bottom: 20px;
}
.text2{
    padding-top: 30px;
}
</style>